<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

	</head>

	<body>
		<div style="margin-top: 20px">
			<dl>
				<dt>
					说明
				</dt>
			</dl>
		</div>

		<div id="leftBlock">
			<div>
				所在楼层
				<select style="width: 105px; height: 21px">
					<option>
						1层 
					</option>

					<option>
						楼层 2
					</option>

					<option>
						楼层 3
					</option>

					<option>
						楼层 4
					</option>

					<option>
						楼层 5
					</option>

					<option>
						楼层 6
					</option>
				</select>
			</div>
			<div class="img">
				<img src="../images/floor03.png" />
				<img src="../images/unlocked.png" onclick="showDetails01();"
					style="position: relative; top: -345px; left: 100px" />
				<img src="../images/unlockedsmall.png"
					style="position: relative; top: -300px; left: 250px" />
				<img src="../images/unlockedsmall.png"
					style="position: relative; top: -300px; left: 168px" />
				<img src="../images/unlockedsmall.png"
					style="position: relative; top: -300px; left: 260px" />
				<img src="../images/unlockedsmall.png"
					style="position: relative; top: -272px; left: 180px" />
				<img src="../images/unlockedsmall.png"
					style="position: relative; top: -260px; left: 85px" />
				<img src="../images/unlockedsmall.png"
					style="position: relative; top: -135px; left: 30px" />
				<img src="../images/unlocked.png"
					style="position: relative; top: -240px; left: -160px" />
			</div>
		</div>

		<div id="rightBlock">

			<table>
				<thead>
					权限用户
				</thead>
				<a style="text-decoration: none; float: right" href="">下一页</a>

				<tr class="first">
					<td>
						姓名
					</td>

					<td>
						部门
					</td>
				</tr>
				<tr id="showPowerUser01">
					<td></td>
					<td></td>
				</tr>
				<tr id="showPowerUser02">
					<td></td>

					<td></td>
				</tr>
				<tr>
					<td></td>

					<td></td>

				</tr>
				<tr>
					<td></td>
					<td></td>
				</tr>
			</table>
		</div>

		<div id="leftBottom">
			<table>
				<thead>
					申请用户
				</thead>
				<a style="float: right; text-decoration: none" href="">下一页</a>
				<tr class="first">
					<td>
						姓名
					</td>
					<td>
						部门
					</td>
				</tr>
				<tr id="showAppUser01">
					<td></td>

					<td></td>
				</tr>
				<tr id="showAppUser02">
					<td></td>

					<td></td>

				</tr>

				<tr>

					<td></td>

					<td></td>

				</tr>
				<tr>
					<td></td>

					<td></td>
				</tr>
			</table>
		</div>

		<script language="javascript" type="text/javascript">
var hl = document.getElementById("high2");
hl.setAttribute("id", "active2");
</script>

		<script type="text/javascript" charset="UTF-8">
function showDetails01() {
	var showAppUser01 = document.getElementById("showAppUser01");
	var showAppUser02 = document.getElementById("showAppUser02");

	var showPowerUser01 = document.getElementById("showPowerUser01");
	var showPowerUser02 = document.getElementById("showPowerUser02");

	showAppUser01.innerHTML = "<td>洪文焕</td><td>产品部</td>";
	showPowerUser01.innerHTML = "<td>罗迪</td><td>产品部</td>";
	showPowerUser02.innerHTML = "<td>李唯</td><td>研发一部</td>";
}
</script>
	</body>
</html>